import { HTMLAttributes } from 'react'

type SvgWithColor = {
  className?: string
} & HTMLAttributes<SVGElement>

export const SignOut = ({ className }: SvgWithColor) => {
  return (
    <svg
      className={className}
      fill={'none'}
      height={'16'}
      viewBox={'0 0 16 16'}
      width={'16'}
      xmlns={'http://www.w3.org/2000/svg'}
    >
      <path
        className={className}
        d={
          'M4.66669 4.00081C4.8435 4.00081 5.01307 3.93058 5.13809 3.80555C5.26312 3.68053 5.33335 3.51096 5.33335 3.33415C5.33335 3.15734 5.26312 2.98777 5.13809 2.86274C5.01307 2.73772 4.8435 2.66748 4.66669 2.66748H3.33335C3.15654 2.66748 2.98697 2.73772 2.86195 2.86274C2.73693 2.98777 2.66669 3.15734 2.66669 3.33415V12.6675C2.66669 12.8443 2.73693 13.0139 2.86195 13.1389C2.98697 13.2639 3.15654 13.3341 3.33335 13.3341H4.66669C4.8435 13.3341 5.01307 13.2639 5.13809 13.1389C5.26312 13.0139 5.33335 12.8443 5.33335 12.6675C5.33335 12.4907 5.26312 12.3211 5.13809 12.1961C5.01307 12.0711 4.8435 12.0008 4.66669 12.0008H4.00002V4.00081H4.66669Z'
        }
        fill={'white'}
      />
      <path
        className={className}
        d={
          'M13.88 7.61411L12 4.94745C11.898 4.80372 11.7433 4.70621 11.5697 4.67623C11.396 4.64625 11.2176 4.68623 11.0733 4.78745C11.0012 4.83797 10.9399 4.90228 10.8927 4.97665C10.8456 5.05103 10.8137 5.134 10.7988 5.22077C10.784 5.30755 10.7864 5.39641 10.8061 5.48223C10.8257 5.56805 10.8622 5.64913 10.9133 5.72078L12.06 7.33411H6.66667C6.48986 7.33411 6.32029 7.40435 6.19526 7.52938C6.07024 7.6544 6 7.82397 6 8.00078C6 8.17759 6.07024 8.34716 6.19526 8.47219C6.32029 8.59721 6.48986 8.66745 6.66667 8.66745H12L10.8 10.2674C10.7475 10.3375 10.7093 10.4172 10.6875 10.502C10.6658 10.5868 10.661 10.6751 10.6734 10.7617C10.6857 10.8484 10.7151 10.9318 10.7597 11.0071C10.8043 11.0824 10.8633 11.1483 10.9333 11.2008C11.0487 11.2873 11.1891 11.3341 11.3333 11.3341C11.4368 11.3341 11.5389 11.31 11.6315 11.2637C11.724 11.2174 11.8046 11.1502 11.8667 11.0674L13.8667 8.40078C13.952 8.28803 13.9994 8.15104 14.0018 8.00962C14.0041 7.86821 13.9615 7.7297 13.88 7.61411Z'
        }
        fill={'white'}
      />
    </svg>
  )
}
